<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>《情人节自己做一个妹子》大石头 &#183; 速写公开课 - 深夜研习社</title>
	<link rel="stylesheet" href="../../../css/m/base.css" />
	<link rel="stylesheet" href="../../../css/m/mui.min.css" />
	<link rel="stylesheet" href="../../../css/font-awesome.min.css" />
	<link rel="stylesheet" href="../../../css/m/m-dialog.css" />
	<link rel="stylesheet" href="dashitou.css" />
</head>
<body>
<div class="SY-story">
	<div class="SY-audio pf playerRotate">
		<audio src="music.mp3" autoplay="autoplay" loop="loop"></audio>
	</div>
	<div class="storyList">
		<div class="main_story">
			<div class="resize slide section1 pr" style="width: 320px;">
				<div class="main">
					<img src="title.png" class="pa resize titlePic" style="width:210px;top:25px;z-index:3;"/>
					<img src="pic1.png" class="pa resize horizon" alt="" style="width:190px;top: 115px;z-index: 2;"/>
					<img src="cloud.png" class="pa resize cloud" style="width: 55px;top:92px;right:0;z-index: 2;"/>
					<img src="m.png" class="pa resize soft-m" style="width: 55px;top: 180px;left: 30px;z-index: 2;"/>
					<img src="ps.png" class="pa resize soft-ps" style="width:55px;top: 160px;right: 15px;z-index: 2;"/>
					<img src="s.png" class="pa resize soft-s" style="width: 55px;top:215px;right:20px;z-index: 2;"/>
					<img src="ai.png" class="pa resize soft-ai" style="width: 55px;top: 270px;left:20px;z-index: 2;"/>
					<a href="javascript:void(0);" class="pa resize horizon font storyLine choose1" style="width:245px;height:53px;top: 280px;z-index: 2;" >
						<span class="pa db">作为一个艺术家，我现在就要妹子<br/>我先去淘宝选几件符合我奢华气质的衣服</span>
						<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
					</a>
					<a href="javascript:void(0);" class="pa resize horizon font storyLine choose2" style="width:245px;height:57px;top: 335px;z-index: 2;" >
						<span class="pa db">作为一个艺术家，<br/>我要继续努力实现梦想，走上人生巅峰<br/>还怕缺妹子吗?</span>
						<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
					</a>
					<a href="javascript:void(0);" class="pa resize horizon font nextBtn" style="width: 134px;height:38px;top: 405px;z-index: 2;">
						<span class="pa db">接下来</span>
					</a>
				</div>
			</div>
			<div class="resize slide section2 pr" style="width: 320px;">
				<div class=" pa resize horizon font storyTitle tac" style="width: 225px;top:35px;z-index: 2;">正打准备好好挑选一番<br />老板来电话让我去公司加班<br />说来了一个新项目，很急<br />做完给我奖励500大元</div>
				<img src="pic2.png" class="pa resize horizon" alt="" style="width: 190px;top: 135px;z-index: 2;"/>
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose1" style="width:245px;height:53px;top: 280px;z-index: 2;" >
					<span class="pa db">老板这么信任我<br />公司的未来就在我身上了<br />我要好好工作让老板明年换车，必须去</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose2" style="width:245px;height:57px;top: 335px;z-index: 2;" >
					<span class="pa db">周末还要我去加班，真是操蛋。<br />在电话里跟老板吵了一架，不干了</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font nextBtn" style="width: 134px;height:38px;top: 405px;z-index: 2;">
					<span class="pa db">接下来</span>
				</a>
			</div>
			<div class="resize slide section3 pr" style="width: 320px;">
				<div class=" pa resize horizon font storyTitle tac" style="width: 225px;top:45px;z-index: 2;">准备努力提升一下自己，<br />提起笔发现有个外包项目来了</div>
				<img src="pic3.png" class="pa resize horizon" alt="" style="width: 170px;top: 100px;z-index: 2;"/>
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose1" style="width:245px;height:53px;top: 280px;z-index: 2;" >
					<span class="pa db">虽然未来很有钱，但是积攒很重要，<br />先做外包项目</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose2" style="width:245px;height:57px;top: 335px;z-index: 2;" >
					<span class="pa db">外包这点小钱我根本看不上，<br />我决定做一些练习</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font nextBtn" style="width: 134px;height:38px;top: 405px;z-index: 2;">
					<span class="pa db">接下来</span>
				</a>
			</div>
			<div class="resize slide section4 pr" style="width: 320px;">
				<div class=" pa resize horizon font storyTitle tac" style="width: 225px;top:40px;z-index: 2;">忙了一天，<br />搞定了这个项目，<br />老板给了我500奖金。</div>
				<img src="pic4.png" class="pa resize horizon" style="width: 200px;top: 105px;z-index: 2;" alt="" />
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose1" style="width:245px;height:53px;top: 280px;z-index: 2;" >
					<span class="pa db">有了一笔巨款，赶紧存起来，<br />以后买房就靠它了</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose2" style="width:245px;height:57px;top: 335px;z-index: 2;" >
					<span class="pa db">突然有钱了，有点不知所措呢？<br />我决定请妹子去吃一顿好的。</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font nextBtn" style="width: 134px;height:38px;top: 405px;z-index: 2;">
					<span class="pa db">接下来</span>
				</a>
			</div>
			<div class="resize slide section5 pr" style="width: 320px;">
				<div class=" pa resize horizon font storyTitle tac" style="width: 225px;top:35px;z-index: 2;">随便找个借口敷衍了一下，在家挑选了一天。终于挑选到了符合我奢华气质的衣服。现在万事具备，只欠妹子了。</div>
				<img src="pic5.png" class="pa resize horizon" style="width: 130px;top: 115px;z-index: 2;" alt="" />
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose1" style="width:245px;height:53px;top: 280px;z-index: 2;" >
					<span class="pa db">主动出击，<br />打电话约了心仪已久的妹子出去HAPPY</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose2" style="width:245px;height:57px;top: 335px;z-index: 2;" >
					<span class="pa db">我这么优秀的人还需要主动吗？<br />坐等妹子上门</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font nextBtn" style="width: 134px;height:38px;top: 405px;z-index: 2;">
					<span class="pa db">接下来</span>
				</a>
			</div>
			<div class="resize slide section6 pr" style="width: 320px;">
				<div class=" pa resize horizon font storyTitle tac" style="width: 230px;top:30px;z-index: 2;">正准备做，老板说他接到了一个活，让我去加班奖金500大洋。我一看不就是我要做的这一个吗？别人给我5000，老板才给我500。太抠了，不干了。</div>
				<img src="pic6.png" class="pa resize horizon" style="width: 145px;top: 135px;z-index: 2;" alt="" />
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose1" style="width:245px;height:53px;top: 280px;z-index: 2;" >
					<span class="pa db">找一家新公司，发挥我的能力，<br />走上人生巅峰，赢取白富美。</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose2" style="width:245px;height:57px;top: 335px;z-index: 2;" >
					<span class="pa db">以后就自己在家做外包，<br />做个人艺术家</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font nextBtn" style="width: 134px;height:38px;top: 405px;z-index: 2;">
					<span class="pa db">接下来</span>
				</a>
			</div>
			<div class="resize slide section7 pr" style="width: 320px;">
				<div class=" pa resize horizon font storyTitle tac" style="width: 225px;top:35px;z-index: 2;">很快我就遇到了瓶颈，哎天才就是这样。天将降大任于我。</div>
				<img src="pic7.png" class="pa resize horizon" style="width: 190px;top: 100px;z-index: 2;" alt="" />
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose1" style="width:245px;height:53px;top: 280px;z-index: 2;" >
					<span class="pa db">艺术就是要有自己的见解，<br />他们说的都不适合我，<br />按照自己的方法找一些资料练起来</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose2" style="width:245px;height:57px;top: 335px;z-index: 2;" >
					<span class="pa db">我准备找一些教程看看看他们是怎么做的，<br />学习一下他们的经验，以后超过他们</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font nextBtn" style="width: 134px;height:38px;top: 405px;z-index: 2;">
					<span class="pa db">接下来</span>
				</a>
			</div>
			<div class="resize slide section8 pr" style="width: 320px;">
				<div class=" pa resize horizon font storyTitle tac" style="width: 225px;top:55px;z-index: 2;">于是我打开了网页，<br />思索去哪里找教程？</div>
				<img src="pic8.png" class="pa resize horizon" style="width: 190px;top: 100px;z-index: 2;" alt="" />
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose1" style="width:245px;height:53px;top: 280px;z-index: 2;" >
					<span class="pa db">找一些免费的课程教材跟着练，<br />反正不花钱。不花钱才是王道。</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font storyLine choose2" style="width:245px;height:57px;top: 335px;z-index: 2;" >
					<span class="pa db">充钱使我变强，不花钱的东西都不好。<br />我准备找一些老师花钱跟着学，<br />投资自己我怕什么？</span>
					<img src='choosed.png' class='pa resize choosed' style='width:18px;top: 18px;right:13px;z-index: 3;display: none;'/>
				</a>
				<a href="javascript:void(0);" class="pa resize horizon font nextBtn" style="width: 134px;height:38px;top: 405px;z-index: 2;">
					<span class="pa db">接下来</span>
				</a>
			</div>
			<div class="resize slide section9 pr" style="width: 320px;">
				<div class="pa resize horizon font tac final" style="width:250px;top:80px;z-index: 2;">
					<span class="text"></span><br/><span class="dots">...</span>
				</div>
				<img src="hand.png" class="pa resize horizon" style="width: 120px;top:220px;z-index: 2;"/>
				<a href="javascript:void(0);" class="pa resize horizon font nextBtn" style="width: 134px;height:38px;top: 405px;z-index: 2;">
					<span class="pa db">查看分数</span>
				</a>
			</div>
			<div class="resize slide section10 pr" style="width: 320px;">
				<div class="resize pa horizon text tac feb" style="width: 280px;top:30px;z-index: 2;">你的单身狗<br />指数</div>
				<img src="grade100.png" class="resize pa horizon grade" style="width: 235px;top:100px;z-index: 2;" alt="" />
				<div class="resize pa horizon ending" style="width: 240px;top: 145px;z-index: 3;">
					<p class="ending_text tac"></p>
				</div>
				<img src="dog100.png" class="resize pa horizon dogPic" style="width: 245px;top: 170px;z-index: 2;" alt="" />
				<div class="resize pa btns" style="width: 320px;top: 0;z-index: 2;">
					<a href="javascript:void(0);" class="pa resize font nextBtn shareBtn" style="width: 134px;height:38px;top:390px;left:15px;z-index: 2;">
						<span class="pa db">炫耀一下</span>
					</a>
					<a href="javascript:void(0);" class="pa resize font nextBtn getCourseBtn" style="width: 134px;height:38px;top:390px;right:15px;z-index: 2;">
						<span class="pa db">用手解决</span>
					</a>
				</div>
				<a hef="javascript:void(0);" class="resize pa horizon tac replayBtn" style="width: 60px;bottom: 20px;z-index: 2;">重玩一遍</a>
			</div>
			<div class="resize slide section0 pr" style="width: 320px;">
				<div class="logo pa clearfix">
					<img src="logo.png" class="resize fl" style="width: 30px;"/>
					<span class="slogen fl">深夜研习社</span>
				</div>
				<div class="main">
					<p class="pa resize horizon tac text" style="width:260px;top:35px;z-index: 2;">网络情人节<span>5月20日</span>特别企划</p>
					<h1 class="pa resize horizon tac title" style="width: 300px;top: 52px;z-index: 2;">《情人节自己做一个<span>妹子</span>》</h1>
					<p class="pa resize horizon tac subhead" style="width: 260px;top: 78px;z-index: 2;">美型角色&nbsp;造型公开课</p>
					<div class="pa resize horizon msg" style="width: 300px;top: 105px;z-index: 2;">
						<p class="pa resize horizon teacher" style="top: 0;z-index: 2;">主讲人:<span>大石头</span></p>
						<p class="pa resize horizon time" style="top: 20px;z-index: 2;">5月20日&nbsp;20:00-22:00</p>
					</div>
					<div class="pa resize horizon price" style="width: 300px;top: 150px;z-index: 2;">
						<p class="pa resize horizon oldPrice" style="top: 0;z-index: 2;">原价:<span>9.9元</span></p>
						<p class="pa resize horizon newPrice" style="top: 15px;z-index: 2;">恋爱价:<span>0元</span></p>
					</div>
					<img src="lover.png" class="pa resize horizon lover" style="width:185px;top:185px;z-index: 2;"/>
					<img src="titlePic.png" class="pa resize horizon titlePic" style="width:145px;top: 350px;z-index: 2;"/>
					<p class="pa resize horizon tac txt" style="width: 300px;top: 375px;z-index: 2;">自己动手做一个妹子</p>
					<div class="resize pa btns" style="width: 320px;top: 0;z-index: 2;">
						<a href="javascript:void(0);" class="resize pa font backBtn" style="width: 60px;height:38px;top: 400px;left:55px;z-index: 2;">
							<span class="pa db">返回</span>
						</a>
						<a href="javascript:void(0);" class="pa resize font begin" style="width: 134px;height:38px;top: 400px;right:65px;z-index: 2;">
							<span class="pa db">免费领取代金券</span>
						</a>
					</div>
					<a hef="javascript:void(0);" class="resize pa horizon tac replayBtn" style="width: 60px;bottom: 12px;z-index: 2;">重玩一遍</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!--领取代金券提示-->
<div class="getCoupon mui-popup">
	<div class="mainContent tac mui-popup-inner">
		<div class="pa close">
			<i class="fa fa-close"></i>
		</div>
		<p class="title">领取代金券</p>
		<div class="content tal">
			<p class="item">第一步：关注"深夜数字学院"订阅号,</p>
			<p class="item">第二步：回复"520",获得代金券兑换码。</p>
			<img class="pa" src="wechatCode.png"/>
			<p class="text pr tac">长按二维码关注公众号</p>
		</div>
	</div>
</div>
	
<script src="../../../js/m/fontSize.js"></script>
<script src="../../../js/m/jquery.min.js"></script>
<script>  
	scaleW=window.innerWidth/320;
	scaleH=window.innerHeight/480;
	var resizes = document.querySelectorAll('.resize');
    for (var j=0; j<resizes.length; j++) {
       resizes[j].style.width=parseInt(resizes[j].style.width)*scaleW+'px';
	   resizes[j].style.height=parseInt(resizes[j].style.height)*scaleH+'px';
	   resizes[j].style.top=parseInt(resizes[j].style.top)*scaleH+'px';
	   resizes[j].style.left=parseInt(resizes[j].style.left)*scaleW+'px'; 
    }
</script>
<script>
	var lodingHtml = $("<div id='loading'>" +
						"  	<div id='loading-center'>" +
						"		<div class='logo pa clearfix'>" +
						"			<img src='logo.png' class='resize fl' style='width: 30px;'/>" +
						"			<span class='slogen fl'>深夜研习社</span>" +
						"		</div>" +
						"     	<div id='loading-center-absolute'>" +
						"  			<div class='object' id='object_one'></div>" +
						" 			<div class='object' id='object_two'></div>" +
						" 			<div class='object' id='object_three'></div>" +
						" 			<div class='object' id='object_four'></div>" +
						" 			<div class='object' id='object_five'></div>" +
						" 			<div class='object' id='object_six'></div>" +
						" 			<div class='object' id='object_seven'></div>" +
						" 			<div class='object' id='object_eight'></div>" +
						" 			<div class='object' id='object_big'></div>" +
						" 		</div>" +
						" 		<div class='loadingText tac'>已加载<span>20%</span></div>" +
						" 	</div>" +
						"</div>");
	$("body").append(lodingHtml);
	document.onreadystatechange = completeLoading;
	function completeLoading() {
		if(document.readyState == "complete") {
            var removeDiv = document.getElementById("loading");
            var SY_story = document.getElementsByClassName("SY-story")[0];
			removeDiv.parentNode.removeChild(removeDiv);
			SY_story.style.display = "block";
		}
    }
</script>
<script>
	$(function(){
	    window.onload = function() {
	    	var grade = 0;
	    	
            //二选一选项
            $(".storyLine").click(function(){
                $(this).addClass("active").find(".choosed").show();
                $(this).siblings().removeClass("active").find(".choosed").hide();
            });

            var div_width = $(".slide")[0].clientWidth;
            var div_height = $(".slide")[0].clientHeight;
			
			//main_story 总宽度
			var length = $(".main_story .slide").length;
			$(".main_story").css("width",length * div_width);
			
			//main_story 内 slide 滑动
			var nextBtn1 = $(".main_story .section1 .nextBtn");
			nextBtn1.click(function(){
				if($(this).siblings(".storyLine").hasClass("active")) {
                	if($(".section1 .choose1").hasClass("active")) {
						$(".main_story .section3").remove(); 
	                }else{
	                	$(".main_story .section2").remove();
	                }
	                $(".main_story .slide").animate({left:- div_width},600);
                }else{
                    return
                }
			 });

			var nextBtn2 = $(".main_story .section2 .nextBtn"); 
			nextBtn2.click(function(){
				if($(this).siblings(".storyLine").hasClass("active")) {
					if($(".section2 .choose1").hasClass("active")) {
						$(".main_story .section5").remove(); 
					}else{
						$(".main_story .section4").remove();
					}
					$(".main_story .slide").animate({left:- 2 * div_width},600); 
				}else{
					return
				}
			});
			
            var nextBtn3 = $(".main_story .section3 .nextBtn");
            nextBtn3.click(function(){
            	if($(this).siblings(".storyLine").hasClass("active")) {
            		if($(".section3 .choose1").hasClass("active")) {
            			$(".main_story .section4").remove();
            			$(".main_story .section5").remove();
            			$(".main_story .section7").remove();
            			
            		}else{
            			$(".main_story .section4").remove();
            			$(".main_story .section5").remove();
            			$(".main_story .section6").remove();
            			
            		}
                	$(".main_story .slide").animate({left:-2 * div_width},600);
                }else{
                    return
                }
            });
            
            //故事结局
            var final_text = $(".section9 .final .text");
            var end_grade = $(".section10 .grade");
            var end_text = $(".section10 .ending .ending_text");
            var end_dog = $(".section10 .dogPic");
            //前两种结局
            var nextBtn4 = $(".main_story .section4 .nextBtn");
            nextBtn4.click(function(){
            	if($(this).siblings(".storyLine").hasClass("active")) {
            		if($(".section4 .choose1").hasClass("active")) {
            			$(".main_story .section6").remove();
            			$(".main_story .section7").remove();
            			$(".main_story .section8").remove();
            			final_text.html("10年过去了，<br/>我的存款已经可以买的起厕所的一块瓷砖了，<br/>未来一片光明");
            			end_text.html("不要再想妹子了，看看自己的手吧。");
            			
            			grade = 56;
            		}else{
            			$(".main_story .section6").remove();
            			$(".main_story .section7").remove();
            			$(".main_story .section8").remove();
            			final_text.html("妹子带我去了一家高档餐厅，买单的时候发现吃了1024元。包里钱不够，我提议AA制。结果妹子很大方的付了账。然后过了几天我再约的时候发现她已经屏蔽我了。");
            			end_text.html("你的单身狗指数已经满分，<br/>你不需要妹子了，你有手就够了。");
            			
            			grade = 100;
            		}
                	$(".main_story .slide").animate({left:- 3 * div_width},600);
                }else{
                    return
                }
            });
           
           	//第三、四种结局
            var nextBtn5 = $(".main_story .section5 .nextBtn");
            nextBtn5.click(function(){
            	if($(this).siblings(".storyLine").hasClass("active")) {
            		if($(".section5 .choose1").hasClass("active")) {
            			$(".main_story .section6").remove();
            			$(".main_story .section7").remove();
            			$(".main_story .section8").remove();
            			final_text.html("妹子很关系问我工作情况，收入情况，车子房子情况，我说我这么帅的人靠脸就够了，要那些干嘛？然后妹子突然有事走了。");
            			end_text.html("难道你看不出来我内心的是如此优秀吗？<br/>要什么妹子，我们有手！");
            			
            			grade = 60;
            		}else{
            			$(".main_story .section6").remove();
            			$(".main_story .section7").remove();
            			$(".main_story .section8").remove();
            			final_text.html("眨眼10年就过去了，我胡子都及腰了，妹子还是没来找我。");
            			end_text.html("我再也不需要妹子了，因为我有双手。");
            			
            			grade = 75;
            		}
                	$(".main_story .slide").animate({left:- 3 * div_width},600);
                }else{
                    return
                }
            });
            
            //第五、六两种结局
            var nextBtn6 = $(".main_story .section6 .nextBtn");
            nextBtn6.click(function(){
            	if($(this).siblings(".storyLine").hasClass("active")) {
            		if($(".section6 .choose1").hasClass("active")) {
            			$(".main_story .section8").remove();
            			final_text.html("慢慢的我的待遇和职位越来越高，认识的漂亮妹子越来越多。但是再也没有以前那么单纯的妹子了。");
            			end_text.html("妹子的心我不懂，自己动手做一个。");
            			
            			grade = 78;
            		}else{
            			$(".main_story .section8").remove();
            			final_text.html("在家做了几年外包，挣了一些钱。但是长期与社会脱节让我的圈子越来越小，妹子依然不知道在哪？");
            			end_text.html("我已经无所谓了，靠自己的双手一样能获得幸福。");
            			
            			grade = 80;
            		}
                	$(".main_story .slide").animate({left:- 3 * div_width},600);
                }else{
                    return
                }
            });
            
            //第七中结局
            var nextBtn7 = $(".main_story .section7 .nextBtn");
            nextBtn7.click(function(){
            	if($(this).siblings(".storyLine").hasClass("active")) {
            		if($(".section7 .choose1").hasClass("active")) {
            			$(".main_story .section8").remove();
            			final_text.html("终于我成为了一个技术大佬，我自己做的妹子比我认识的妹子好看多了。");
            			end_text.html("我不爱妹子了，因为我自己就能做");
            			
            			grade = 88;
            		}
                	$(".main_story .slide").animate({left:- 3 * div_width},600);
                }else{
                    return
                }
            });
            
            //最后两种结局
            var nextBtn8 = $(".main_story .section8 .nextBtn");
            nextBtn8.click(function(){
            	if($(this).siblings(".storyLine").hasClass("active")) {
            		if($(".section8 .choose1").hasClass("active")) {
            			final_text.html("省吃俭用，<br/>终于找到妹子了");
            			end_text.html("用我的双手做了一个");
            			
            			grade = 92;
            		}else{
            			final_text.html("充钱的感觉就是好，<br/>我是大款我怕谁？");
            			end_text.html("学习使我快乐。我再也不要妹子了。");
            			
            			grade = 99;
            		}
            		$(".main_story .slide").animate({left:- 4 * div_width},600);
            	}else{
            		return
            	}
            });

			//查看分数
			$(".main_story .section9 .nextBtn").click(function(){
				var tempGrade = "grade" + grade + ".png"; 
				var tempDog = "dog" + grade + ".png"; 
				
				end_grade.attr("src", tempGrade);
				end_dog.attr("src", tempDog);
				
				if($(".main_story .slide").hasClass("section8")){
					$(".main_story .slide").animate({left : - 5 * div_width},600);
				}else{
					$(".main_story .slide").animate({left : - 4 * div_width},600);
				}
			});
			
			//用手解决
			$(".main_story .section10 .getCourseBtn").click(function(){
				if($(".main_story .slide").hasClass("section8")){
					$(".main_story .slide").animate({left : - 6 * div_width},600);
				}else{
					$(".slide").animate({left: - 5 * div_width},600);
				}
			});
			
			//炫耀一下
			$(".main_story .section10 .shareBtn").click(function(){
				var tempDialog = "<div class='mui-popup-backdrop mui-active'></div>" +
								 "<div class='shareTipDialog pf'>" +
								 "	<img src='shareTip.png' alt='' />" +
								 "</div>";
				var obj = $(tempDialog);
				$("body").append(obj);
                obj.click(function () {
                    obj.remove();
                })
                
			});

			//重玩一下
			$(".main_story .replayBtn").click(function(){
				window.location.reload();
			})
			
			//返回按钮
			$(".main_story .backBtn").click(function(){
				if($(".main_story .slide").hasClass("section8")){
					$(".main_story .slide").animate({left : - 5 * div_width},600);
				}else{
					$(".slide").animate({left: - 4 * div_width},600);
				}
			})
			
            //分享免费听课按钮点击事件
			$(".section0 .begin").click(function () {
				var cover_Div = $("<div class='mui-popup-backdrop mui-active'></div>");
				$("body").append(cover_Div);
				$(".getCoupon").addClass("mui-popup-in");
           	});
			$(".getCoupon .close").click(function(){
				var cover = $(".mui-popup-backdrop");
				cover.remove();
				$(this).parents(".getCoupon").removeClass("mui-popup-in");
			});
			
			//音乐播放
			var audioPlayer = $(".SY-audio audio")[0];
			audioPlayer.volume = .3;
			$(".SY-audio").click(function(){
				event.stopPropagation();
				if(audioPlayer.paused) {
					$(".SY-audio").css({"background":"url(play.png) no-repeat center","background-size":"100%"});
					audioPlayer.play();
					$(".SY-audio").addClass("playerRotate");
					return;
				}else{
					$(".SY-audio").css({"background":"url(pause.png) no-repeat center","background-size":"100%"});
					audioPlayer.pause();
					$(".SY-audio").removeClass("playerRotate");
				}
			})
		};
	})
</script>
</body>
</html>
